import React, {Component} from 'react';
import {Tabs} from 'antd';
import AssociationOverview from './association_overview';
import AssociationQualification from './association_qualification.js';
import History from './history.js';

export default class AssociationDynamic extends Component {
    render() {
        const TabPane = Tabs.TabPane;

        return (
            <div className="education-set-goverment association-set-dynamic">
                <div className="education-set row">
                    <div className="text-center">
                        <h2>关于协会</h2>
                        <div className="welding-set-gutter-line">
                            <hr/>
                            <span/>
                            <hr/>
                        </div>
                        <h3>ABOUT THE ASSOCIATION</h3></div>
                </div>
                <div className="association-set-tabs">
                    <Tabs type="card" tabPosition="left">
                        <TabPane tab="协会概况" key="1">
                            <AssociationOverview/>
                        </TabPane>
                        <TabPane tab="协会资质" key="2">
                            <AssociationQualification/>
                        </TabPane>
                        <TabPane tab="理事会" key="3">
                            理事会
                        </TabPane>
                        <TabPane tab="协会荣誉" key="4">
                            协会荣誉
                        </TabPane>
                        <TabPane tab="大事记" key="5">
                            <History/>
                        </TabPane>
                    </Tabs>
                </div>
            </div>
        );
    }
}